<template>
  <input type="text" :value="val" @input="$emit('ipt', $event.target.value)">
</template>

<script>
export default {
  props: ['val'],
  // 如果父组件使用的是 v-model ，则可以配置一下属性名 和 事件名
  model: {
    prop: 'val', // 配置属性名
    event: 'ipt' // 配置事件名
  }
}
</script>

<style>
input {
  border: solid 1px salmon;
}
</style>